import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter,Routes,Route} from 'react-router-dom'
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import DiscoverMusic from './pages/DiscoverMusic'
import Podcast from './pages/Podcast'
import MusicList from './pages/MusicList'
import Player from './pages/Player'
import MvList from './pages/MvList';

ReactDOM.render(
  <React.StrictMode>
    <BrowserRouter>
    <Routes>
      <Route path="/" element={<App/>}>
        <Route path="discovermusic" element={<DiscoverMusic/>}></Route>
        <Route path="musiclist/:id" element={<MusicList/>}></Route>
        <Route path="podcast" element={<Podcast/>}></Route>
        <Route path="player/:id" element={<Player/>}></Route>
        <Route path="mvlist/:id" element={<MvList/>}></Route>
      </Route>
      </Routes>
    </BrowserRouter>
  </React.StrictMode>,
  document.getElementById('root')
);
reportWebVitals();
